// Tab Box
// ------------------------------

.tab-box {
    .tab-box__nav {
        margin: 0 0 1em 0;
        padding: 0;
        list-style: inside none;

        > li {
            display: inline-block;

            > a {
                display: block;
                padding: 0.125em 0.5em;
                border-radius: 1em;
                background-color: $gray;
                color: $white;

                &.active {
                    background-color: $color1;
                }

                &:hover {
                    background-color: $color2;
                }
            }
        }
    }

    .tab-box__tab {
        display: none;
    }
}
